<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ornate Business &amp; Portfolio Template</title>
<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/layout.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/style.css" />

<script type="text/javascript" src="js/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

<!-- Start: Superfish scripts -->
<link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen" />
<script type="text/javascript" src="js/hoverIntent.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript">
	// initialise plugins
	jQuery(function(){
	jQuery('ul.sf-menu').superfish();
	});
</script>
<!-- end: Superfish scripts -->

<!--[if gt IE 5.5]>
        <script type="text/javascript" src="unitpngfix.js"></script>
<![endif]-->

</head>
<body>
<!-- start: Wrapper -->
<div id="Wrapper">

<!-- start: header -->
<div id="header">
	<div class="container_12">
		<div class="grid_4">
				<!-- start: logo -->
				<div class="logo">
				<a href="#">Logo</a>
				</div>
				<!-- end: logo -->
		</div>
		<!-- start: menu -->	
      	<div class="grid_8">
			<div id="menu">
					<!-- start: sf-menu -->
					<ul class="sf-menu">
						<li><a href="index.html">Home</a></li>
						<li><a href="aboutus.html">aboutus</a></li>
						<li class="current"><a href="services.html">services</a>
							<ul>
								<li> <a href="#">Web Designing</a></li>
								<li><a href="#">Banner Designing</a>
									<ul>
										<li><a href="#">Logo Designing</a></li>
										<li><a href="#">SEO Marketing</a></li>
									</ul>
								</li>
								<li><a href="#">Coding Forums</a></li>		
							</ul>
						</li>	
						<li> <a href="portfolio.html">portfolio</a></li>
						<li> <a href="blog.html">Blog</a> </li>
						<li> <a href="contactus.html">contact Us</a> </li>
					</ul>
					<!-- end: sf-menu -->
			</div> 	
			<!-- end: menu -->			
      	</div>
	</div>
</div>
<!-- end: header -->

<div class="clear">&nbsp;</div>
  
<!-- start: subheader --> 
<div id="subheader">
	<div class="container_12"> 
		<div class="grid_4">
			<h2>Services</h2>
		</div>
		<div class="grid_8">
		 	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
		</div>
	</div>		  
</div>
<!-- end: subheader -->  

<!-- start: middlecontent -->
<div class="midcontent">
	<div class="container_12">
		<!-- start: Leftpart -->
		<div id="sidebar" class="grid_3">
			<div class="content line">
				<!-- Start : Main Services -->
					<h3>Main Services</h3>
					<ul class="subnav">
					  <li><a href="#">Overview</a></li>
					  <li><a href="#">Coding &amp; Development</a></li>
					  <li><a href="#">PHP Programming</a></li>
					  <li><a href="#">Designing &amp; Integration</a></li>
					  <li><a href="#">Management Services</a></li>
					  <li><a href="#">Other Services</a></li>
					</ul>
					<!-- End : Main Services -->
					
				<h3>Categories</h3>
					<!-- start: subnav -->
					<ul class="subnav">
						<li class="current"><a href="#">About </a> </li>
						<li><a href="#">Ornate Reviews</a> </li>
						<li><a href="#">Ornate Blog </a> </li>
						<li><a href="#">Support</a> </li>
						<li><a href="#">Contact Us</a> </li>
						<li><a href="#">Terms of Conditions</a> </li>
					</ul>
					<!-- end: subnav -->
				<h3>Archives</h3>
					<ul class="subnav">
						<li class="current"><a href="#">January 2010</a> </li>
					  	<li><a href="#">December 2009</a> </li>
					    <li><a href="#">November 2009</a> </li>
					    <li><a href="#">October 2009</a> </li>
					    <li><a href="#">September 2009</a> </li>
					 </ul>
					 						
				</div>

		</div>
	<!-- end: Leftpart -->	  
		
    		<!--Start: Rightpart-->
			<div class="grid_9">
				<!-- start: content -->
            	<div class="content">
					<h2>Services</h2>
					<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
					<!-- start: serviceimgbox -->
        			<div class="serviceimgbox">
						<img src="images/01.png" class="alignright" alt=""/>
						<h4>Web-Designing</h4>
						<p class="subheading">Your own subheading</p>
						<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
						<a href="" class="readmore">readmore</a>
					</div>
					<!-- end: serviceimgbox -->

					<!-- start: serviceimgbox -->
					<div class="serviceimgbox">
						<img src="images/02.png" class="alignright" alt=""/>
						<h4>Graphic Designing</h4>
						<p class="subheading">Your own subheading</p>
						<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
			<a href="" class="readmore">readmore</a>
					</div>
					<!-- end: serviceimgbox -->
					
					<!-- start: serviceimgbox -->
					<div class="serviceimgbox">
						<img src="images/03.png" class="alignright" alt=""/>
						<h4>Application Development</h4>
						<p class="subheading">Your own subheading</p>
						<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
						<a href="" class="readmore">readmore</a>
					</div>
					<!-- end: serviceimgbox -->
					
					<!-- start: serviceimgbox -->	
					<div class="serviceimgbox">
						<img src="images/04.png" class="alignright" alt=""/>
						<h4>Programming</h4>
						<p class="subheading">Your own subheading</p>
						<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
						<a href="" class="readmore">readmore</a>
					</div>
					<!-- end: serviceimgbox -->
					<div class="clear"></div>
					<p>
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque adipiscing pellentesque libero, quis porta nulla bibendum at. Donec ac enim ligula, fermentum varius lacus. Sed elit nunc, aliquet eu convallis ut, gravida ut magna. Nunc egestas cursus massa sed scelerisque. In hac habitasse platea dictumst. Suspendisse turpis ligula, vehicula at aliquet sit amet, porttitor vel ipsum. </p>
					<ul class="listitems">
                          <li>Integer consectetur commodo ipsum, in eleifend turpis porta a.</li>
					      <li>Aenean ornare nisi ut dolor ultrices imperdiet.</li>
					      <li>Sed sed ipsum vel elit laoreet adipiscing.</li>
					      <li>Nunc pulvinar nunc ut orci egestas porttitor.</li>
					      <li>Suspendisse non odio orci, in lacinia leo.</li>
					      <li>Fusce a diam non ante aliquam vestibulum a sed orci.</li>
				      </ul>
					 <h3>Pure CSS and Clean HTML Coding</h3>
					<p>Vestibulum varius tortor et massa consequat sagittis. Quisque laoreet facilisis semper. Duis id velit eget metus facilisis tempus vitae non est. Fusce sodales malesuada hendrerit. Aenean et metus tellus. In id tellus justo. In tincidunt bibendum felis, a rhoncus dolor vehicula a. Duis felis dolor, interdum et faucibus sed, consectetur sed sapien. Nulla bibendum, magna quis semper viverra, quam diam vestibulum lorem, eu sollicitudin augue felis in magna. Integer a tellus nibh. In laoreet gravida magna sit amet auctor.					</p>

            	</div>
		</div>
		<!-- end: Rightpart -->
	</div>
</div>
<!--End: middlecontent -->  
	
<div class="clear">&nbsp;</div>

<!--start #footer -->
<div id="footer">
	<div class="container_12">
	
		<!-- Start: footerlist -->
		<div class="grid_3">
        	<h4>Back Links</h4>
        		<ul>
					<li><a href="#">Home page</a></li>
				  	<li><a href="#">Furniture Gallery</a></li>
				  	<li><a href="#">News Letters </a></li>
				  	<li><a href="#">Privacy Policies </a></li>
				  	<li><a href="#">Terms and Conditions</a></li>
				</ul>
		</div>
		<!-- end: footerlist -->
		
		<!-- Start: Categories --> 
      		<div class="grid_3">
				<h4>Categories</h4>
					<!-- start: subnav -->
					<ul>
						<li class="current"><a href="#">Sub Categories</a> </li>
						<li><a href="#">Ornate Reviews</a> </li>
						<li><a href="#">Ornate Blog </a> </li>
						<li><a href="#">Support Team</a> </li>
						<li><a href="#">FAQ's</a> </li>
					</ul>
					<!-- end: Categories -->
					</div>

		<!-- Start: Archives -->
     	 <div class="grid_3">
			<!-- Start : Sub Menu -->
				<h4>Archives</h4>
					<ul>
						<li class="current"><a href="#">January 2010</a> </li>
					  	<li><a href="#">December 2009</a> </li>
					    <li><a href="#">November 2009</a> </li>
					    <li><a href="#">October 2009</a> </li>
					    <li><a href="#">September 2009</a> </li>
					 </ul>
				<!-- End : Sub Menu -->
				</div>
		<!-- Start: Get in Touch -->
		<div class="grid_3">
	        <h4>Get in Touch!</h4>
        	<p>we will be more than happy to assist you if you have any questions regarding anything about this template. Lorem ipsum vitae ultricies tempor sit amet ante. </p>
        	<p> <strong>Mobile</strong> : +91-0123456789<br />
         	<strong>E-Mail</strong> : yourname@domain.com </p>
		</div>
		<!-- end: Get in Touch -->
			</div>
			
</div>
<!--end: #footer -->

<div class="clear"></div>

<!-- start: copyright -->	
<div class="copyright">
	<div class="container_12">
		<p class="floatright">Designed and developed by system32</p>
		<p class="floatleft">&copy; Copyright 2010 yourdomain.com All rights reserved &nbsp;<a href="#">www.domainname.com</a></p>
	</div>
</div>
<!-- end: copyright -->  

<!--End: Wrapper-->
</div>
</body>
</html>
